<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>圈子-搜索</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/font-awesome-4.3.0/css/font-awesome.min.css" />
		<link href="../css/config.css" rel="stylesheet" />
		<link href="../css/base.css" rel="stylesheet" />
		<link href="../css/index.css" rel="stylesheet" />
		<link href="../css/circle.css" rel="stylesheet" />
		<style>
			.mui-search input[type=search] {
				width: 90%;
				margin-left: 5%;
				background-color: white;
				
				
			}
			
			.mui-search:before {
				left: 5%;
				margin-left: 15px;
				color: gray;
			}
			
			.mui-input-row .mui-input-clear~.mui-icon-clear {
				right: 11px!important;
				color: gray;
			}
			
			.mui-search .mui-placeholder .mui-icon {
				color: gray;
				padding:6px!important;
			}
			.mui-search .mui-placeholder{
				top:0px;
				line-height:34px;
			}
			.mui-search .mui-placeholder span{
				float:none;
				
			}
			.post-history-list {
				background: white;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;background-color:white!important;">
			<a class="mui-icon mui-icon-back mui-pull-left mui-action-back"></a>
			<div class="header-tabbar">
				<div id="segmentedControl" class="mui-segmented-control">
					<a class="mui-control-item mui-active" id="messageStyle1">
                           	 帖子
                        </a>
					<a class="mui-control-item" id="messageStyle2">
                            圈子
                        </a>
					<a class="mui-control-item" id="messageStyle3">
                          	  医生
                        </a>
				</div>
			</div>
		</header>
		<div class="mui-content3 mui-fullscreen mui-scroll-wrapper" style="background:#efefef;">
			<div class="mui-scroll">
				<div class="content-temp" class="content-temp">
					<div style="padding-top: 10px;">
						<div class="mui-input-row mui-search">
							<input type="search" id="txt_keyword" oninput="Search()" class="mui-input-clear" placeholder="">
						</div>
					</div>
				</div>
				<!--帖子-->
				<ul class="post-history-list" id="search-post-list">
					<li>
						<a href="circle-post.html">
							<dl>
								<dt>肠道微生态与功能性胃肠病</dt>
								<dd><i class="mui-icon mui-icon-person"></i>王医生<span>2015-02-11</span></i>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="circle-post.html">
							<dl>
								<dt>肠道微生态与功能性胃肠病</dt>
								<dd><i class="mui-icon mui-icon-person"></i>王医生<span>2015-02-11</span></i>
								</dd>
							</dl>
						</a>
					</li>
				</ul>
				<!--帖子end-->

				<!--圈子-->
				<ul class="circle-ul-2" id="search-circle-list">
					<li>
						<a href="circle-circle.html">
							<img src="../img/example4.png" />
							<dl><dt>美食圈</dt>
								<dd>
									<p class="circle-SimNum"><i class="mui-icon mui-icon-person"></i>12222</p>
									<p class="text-overhide">肠道微生态与功能性胃肠病</p>
								</dd>
							</dl>
							<span>今日&nbsp;100</span>
						</a>
					</li>
					<li>
						<a href="circle-circle.html">
							<img src="../img/example4.png" />
							<dl><dt>山西省肿瘤医院圈</dt>
								<dd>
									<p class="circle-SimNum"><i class="mui-icon mui-icon-person"></i>12222</p>
									<p class="text-overhide">肠道微生态与功能性胃肠病</p>
								</dd>
							</dl>
							<span>今日&nbsp;100</span>
						</a>
					</li>
				</ul>
				<!--圈子end-->
				<!--用户-->
				<div class="guanzhu-list" id="search-user-list">
					<a class="post-master" href="../view/doctor-detail.html">
						<div class="img-a"><img src="../img/example1.png" /></div>
						<dl><dt>王医生</dt>
							<dd>内科</dd>
						</dl>
					</a>
					<a class="post-master" href="../view/doctor-detail.html">
						<div class="img-a"><img src="../img/example1.png" /></div>
						<dl><dt>王医生</dt>
							<dd>内科</dd>
						</dl>
					</a>
				</div>
				<!--用户end-->
			</div>
		</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/Global.js"></script>
	<script src="../js/zepto.min.js"></script>
	<script>
		mui.init({
			swipeBack: true,
			statusBarBackground: '#f7f7f7',
			statusBarStyle: 'UIStatusBarStyleDefault'
		});
		mui('.mui-scroll-wrapper').scroll();

		function plusReady() {
			var webView = plus.webview.currentWebview().nativeInstanceObject();
			webView.plusCallMethod({
				"setKeyboardDisplayRequiresUserAction": false
			});
			document.getElementById("txt_keyword").focus();
		}
		document.addEventListener("plusready", plusReady, false);
		//=======帖子搜索-点击事件
		mui('#search-post-list').on('tap', 'a', function() {
			var id = this.id;
			var title = this.title;
			var href = this.href;
			openWindow(href, href, {
				id: id,
				title: title
			});
		})
		//=======圈子搜索-点击事件
		mui('#search-circle-list').on('tap', 'a', function() {
			var id = this.id;
			var title = this.title;
			var href = this.href;
			openWindow(href, href, {
				id: id,
				title: title
			});
		})
		//=======用户搜索-点击事件
		mui('#search-user-list').on('tap', 'a', function() {
			var id = this.id;
			var title = this.title;
			var href = this.href;
			openWindow(href, href, {
				id: id,
				title: title
			});
		})
	</script>

</html>